Component({
  data: {
    /** 是否显示弹窗 */
    isShow: false,
  },
  methods: {
    /** 显示弹窗 */
    open() {
      this.setData({
        isShow: true,
      });
      // XXX 这里是为了防止滚动穿透，但是无法阻止下拉刷新，如果有更好的办法，可以替换
      wx.setPageStyle({
        style: {
          overflow: 'hidden',
        },
        success: (res) => {
          console.log('setPageStyle success', res);
        },
        fail: (err) => {
          console.log('setPageStyle fail', err);
        },
      });
    },
    /** 关闭弹窗 */
    close() {
      console.log('close');
      this.setData({
        isShow: false,
      });
      // XXX 这里是为了防止滚动穿透，但是无法阻止下拉刷`新，如果有更好的办法，可以替换
      wx.setPageStyle({
        style: {
          overflow: 'visible',
        },
        success: (res) => {
          console.log('setPageStyle success', res);
        },
        fail: (err) => {
          console.log('setPageStyle fail', err);
        },
      });
    },
    /** 点击「立即参与」按钮 */
    onJoinNowClick() {
      this.close();
      wx.navigateToMiniProgram({
        appId: 'wx2551ee586ff61304',
      });
    },
    /** 用来阻止冒泡的空函数 */
    emptyFuc() {
      console.log('emptyFuc');
    },
  },
});
